<template>
  <div class="home">
    <Sidebar :tabList="tabList" :menuList="menuList" />
  </div>
</template>

<script>
import Sidebar from "@/layout/side-menu/index.vue";
export default {
  components: { Sidebar },
  data() {
    return {
      tabList: [{
          name: "高后果区统计",
          type: true,
          path: "/statistics",
          id: "1-1",
        },],
      menuList: [
        {
          title: "高后果区",
          name: "1",
          icon: "ims-business",
          children: [
            {
              title: "高后果区统计",
              name: "1-1",
              icon: "ims-silder-item",
              value:'/statistics'
            },
            {
              title: "高后果区识别结果",
              name: "1-2",
              icon: "ims-silder-item",
              value:'/hcaresult'
            },
            {
              title: "高后果区报备",
              name: "1-3",
              icon: "ims-silder-item",
              value:'/hcareport'
            },
          ],
        },
        {
          title: "风险评价",
          name: "2",
          icon: "ims-business",
          children: [
            {
              title: "风险评价工作管理",
              name: "2-1",
              icon: "ims-silder-item",
              value:'/riskWork'
            },
            {
              title: "风险评价结果管理",
              name: "2-2",
              icon: "ims-silder-item",
              value:'/riskResult'
            },
            {
              title: "风险评价统计",
              name: "2-3",
              icon: "ims-silder-item",
              value:'/riskTotal'
            },
          ],
        }
      ],
    };
  },
  mounted() {
  },
};
</script>

<style lang="scss" scoped>
</style>
